{% extends 'base.html' %}
{% block content %}
  <div class="card mx-auto shadow-sm" style="max-width: 400px; border-radius:16px;">
    <div class="card-body p-4">
      <h4 class="card-title mb-4 fw-bold text-center">注册新账号</h4>
      <form method="post">
        <div class="mb-3">
          <label for="username" class="form-label">用户名</label>
          <input type="text" class="form-control" id="username" name="username" required autofocus autocomplete="username">
        </div>
        <div class="mb-3">
          <label for="password" class="form-label">密码</label>
          <input type="password" class="form-control" id="password" name="password" required autocomplete="new-password">
        </div>
        <button type="submit" class="btn btn-success w-100 rounded-pill">注册</button>
      </form>
      <div class="mt-3 text-center">
        <a href="/login">已有账号？去登录</a>
      </div>
    </div>
  </div>
{% endblock %}
